<template>
  <h1 class="font-black text-x h1">App</h1>
</template>
<script setup lang="ts">
// tailwindCSS 样式库：基于 PostCSS 预处理器的样式库
// 仅需在 html 标签中设置对应的类名，即可将该标签设置为该类的预设样式
// tailwindCSS 会在打包时自动删除未使用的类名，达到性能优化
// 可以在 style 标签中自定义类名，达到缩短标签中类名的效果
// 自定义类型使用 @apply 指令
</script>
<style scoped>
/* \使用 @apply tailwindCSS 的类名来自定义类名集合使用，以此缩短 html 标签中的类长度 */
.h1{
  @apply italic bg-gray-500
}

</style>
